"""
@author: Gaoyaoxia
@date: 2021-03-03 17:36:51
"""
<!-- 新增or修改届次信息 -->
<template>
  <div class="box-content">
    <a-form-model class="form" :model="form" layout="vertical" :colon="false">
      <section-title>基本信息</section-title>
      <a-row>
        <a-col :span="12">
          <a-form-model-item label="届编号" required>
            <a-input v-model="form.sId" placeholder="标准格式: 13 14 15" />
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="次编号" required>
            <a-input v-model="form.tId" placeholder="标准格式: 01 02 03" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="12">
          <a-form-model-item label="会议名称" required>
            <a-input v-model="form.name" placeholder="请输入会议名称" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="12">
          <a-form-model-item label="会议简称" required>
            <a-input v-model="form.shortName" placeholder="请输入会议简称" />
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="年份" required>
            <a-date-picker
              mode="year"
              v-model="form.strYear"
              style="width: 100%"
              placeholder="请选择年份"
            />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="12">
          <a-form-model-item label="开始时间" required>
            <a-date-picker
              v-model="form.startDate"
              style="width: 100%"
              placeholder="请选择开始时间"
            />
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item label="结束时间" required>
            <a-date-picker
              v-model="form.endDate"
              style="width: 100%"
              placeholder="请选择结束时间"
            />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-form-model-item label="届次状态" required>
        <a-radio-group :options="member.sIdOptions" v-model="form.sIdStatus" />
      </a-form-model-item>
      <a-form-model-item label="委员履职状态" required>
        <a-radio-group
          :options="member.resumeOptions"
          v-model="form.resumeStatus"
        />
      </a-form-model-item>
      <a-row>
        <a-col :span="12">
          <a-form-model-item label="届内委员模板" required>
            <s-select
              v-model="form.chooseTemp"
              :selectOption="memTemplates"
              placeholder="-请选择需要导入的界内委员-"
            />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-form-model-item label="备注信息" required>
        <a-textarea
          v-model="form.remark"
          :rows="4"
          style="height: 100px; margin-top: 15px"
          placeholder="请输入备注信息..."
        />
      </a-form-model-item>
      <div class="form-footer">
        <a-button type="primary" @click="onSubmit"> 确定 </a-button>
        <a-button style="margin-left: 14px" @click="$router.back()">
          返回
        </a-button>
      </div>
    </a-form-model>
  </div>
</template>

<script>
import sectionTitle from 'components/base/sectionTitle'
import { member } from 'assets/js/select-option-list'
export default {
  components: { sectionTitle },
  data() {
    return {
      member,
      memTemplates: [],
      form: {
        sId: '',
        tId: '',
        name: '',
        shortName: '',
        strYear: '',
        startDate: '',
        endDate: '',
        sIdStatus: '0',
        resumeStatus: '0',
        chooseTemp: undefined,
        remark: ''
      }
    }
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {
    onSubmit() {
      console.log('提交:', this.form)
    }
  },
  created() {}
}
</script>
<style lang='less' scoped>
/**select的重置样式 */
/deep/.ant-select {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
/deep/.ant-select-selection--single {
  height: 40px;
  border-radius: 4px;
}
/deep/.ant-select-selection__rendered {
  line-height: 38px;
}
/deep/.ant-select-selection__placeholder {
  color: #333;
}
/deep/.ant-select-dropdown {
  line-height: 40px;
}
</style>